@charset "utf-8";

/*  */
.page-banner{position: relative; overflow: hidden;min-width: 1200px; height: 356px;border-radius:0 0 20px 20px;}
.page-banner>img{position: relative;left: 50%;margin-left:-960px; width: 1920px;}
.page-banner-bg{position: relative; left: 50%; margin-left: -50%; width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; }
.page-banner-news{ height: 356px;}
.page-banner-about{ height: 600px;}

.page-banner-text{position: absolute; top: 0; left: 0;z-index: 2; width: 100%; height: 100%;}
.page-banner-text .container-width{height: 100%; }
.page-banner-text .page-banner-text-os{padding-left: 400px; padding-top: 125px; }
.page-banner-text h1{margin-bottom: 24px; font-size:52px;line-height:52px;font-weight:400;}
.page-banner-text .page-banner-h1 {margin-bottom: 24px;font-size: 52px;line-height: 52px;font-weight: 400;}
.page-banner-text p{margin-bottom: 24px;font-size:24px;line-height:24px;}
.page-banner-text span{display: inline-block; padding: 4px 16px;line-height: 24px; font-size:16px; border-radius: 18px 0 18px 0;}

.page-banner-c1{color:#7C4D13;}
.page-banner-c1 span{ background-color: rgba(125, 78, 20,.2);}
.page-banner-c2{color:#602B1D}
.page-banner-c2 span{ background-color: rgba(96, 43, 29,.2);}
.page-banner-c3{color:#2E4265}
.page-banner-c3 span{ background-color: rgba(46, 66, 101,.2);}
.page-banner-c4{color:#496852}
.page-banner-c4 span{ background-color: rgba(118, 146, 125,.2);}
.page-banner-c5{color:#593100}
.page-banner-c5 span{ background-color: rgba(95, 56, 8,.2);}
.page-banner-c6{color:#160C56}
.page-banner-c6 span{ background-color: rgba(22, 12, 86,.2);}



.page-banner-wx{position: absolute; top: 0; left: 0;z-index: 1; width: 100%; height: 100%;}
.page-banner-wx .container-width{ padding-right: 15px; height: 100%; display: flex;align-items: center; justify-content: flex-end;}
.page-banner-wxpic{width:142px;height:178px; padding: 25px 19px; text-align: center; background:rgba(0,0,0,0.6);border-radius:4px;}
.page-banner-wxpic img{max-width: 104px;}
.page-banner-wxpic p{padding-top: 12px; font-size:12px; color: #FFF;}
/*--- project ---*/
/*  */
.project-nper{padding: 0 15px;margin-bottom: 63px; transform: translateY(-30px);}
.project-nper ul {height: 168px; padding: 40px 15px;background-color: #fff;box-shadow:0px 2px 30px 0px rgba(0,0,0,0.07);border-radius: 10px;}
.project-nper ul li{float: left; width: 33.33%; text-align: center;}
.project-nper ul li h3{font-size: 36px; color: #071131;}
.project-nper ul li p{margin-top: 16px; font-size: 20px; color: #A0A2B1;}


/*  */
.project{padding: 28px 15px 0;}
.project h2{margin-bottom: 17px; line-height:30px;font-size:30px;color:#071131;}
.project ul{margin-left: -43px;padding: 15px 0; overflow: hidden;}
.project ul li{float: left; padding-left: 56px; margin-bottom: 57px;}
.project ul li a{position: relative; display: block; width: 344px; height: 200px; box-shadow:0px 2px 8px 0px rgba(0,0,0,0.12);;border-radius: 10px;overflow: hidden;transition: all .3s;}
.project ul li img{width: 344px; height: 200px;}
.project-content{position: absolute; top: 0; left: 0;  width: 100%; height: 100%; padding: 31px 25px;}
.project-content h3{margin-bottom: 10px; font-size:24px; color: #071131; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.project-content p{ width: 50%;line-height:22px; color: #A0A2B1;}

.project ul li a:hover{box-shadow:0px 20px 50px -6px rgba(100,105,127,0.2);}
/* 模块间距 */
.project-teperson,
.project-tespecial,
.project-tesdesc,
.project-tesget,
.project-teprocess{padding: 100px 15px 0;}
/*--- project > show ---*/
.project-tetitle{text-align: center; font-size: 36px; color: #071131;}
/*  */
.project-temodel{width: 1014px;margin: 100px auto 0;}
.project-temodel li{position: relative; float: left; width: 50%; padding: 15px 0 15px 124px; }
.project-temodel li img{position: absolute; top: 10px; left: 0; z-index: 1; width: 96px; }
.project-temodel li h3{padding-bottom: 24px; font-size:30px; color: #071131; }
.project-temodel li p{font-size:16px; line-height: 26px; color: #A0A2B1; overflow: hidden;}
.project-temodel li:first-child p{padding-right: 96px;}
/*  */
.project-teperson ul{margin-top: 60px;}
.project-teperson li{position: relative; z-index: 2; float: left; width: 25%; padding: 70px 15px 20px 24px; }
.project-teperson li img{position: absolute; top: 6px; left: 0; z-index: -1; height: 87px; }
.project-teperson li h3{padding-bottom: 10px; font-size: 20px;color: #071131; }
.project-teperson li p{width: 220px; height: 42px; font-size: 16px;  color: #A0A2B1; overflow: hidden;}
/*  */
.project-tespecial ul{margin-left: -54px;margin-top: 40px;}
.project-tespecial li{ float: left; width: 50%; padding-left: 54px; margin: 20px 0;}
.project-tespecial li a{position: relative; z-index: 2; display: block; height: 138px; padding: 43px 84px 0 128px;box-shadow:0px 2px 8px 0px rgba(0,0,0,0.12);border-radius: 10px; background-position: center; background-size: cover; background-repeat: no-repeat;}
.project-tespecial li img{position: absolute; top: 50%; left: 24px; z-index: -1; margin-top: -40px; width: 80px; }
.project-tespecial li p{display: flex;align-items: center;width: 317px;  height: 50px; font-size: 16px;  color: #64697F; overflow: hidden;}
/*  */
.project-tesdesc-box{display: table; padding: 60px 0 20px;}
.project-tesdesc-item{display: table-cell; width: 50%; padding:30px; vertical-align: middle;}
.project-tesdesc-item img{max-width: 100%;}
.project-tesdesc-item p{width: 440px;line-height: 26px; font-size: 16px; color: #64697F;}
/*  */
.project-tesget ul{margin-top: 60px;margin-bottom: 20px;}
.project-tesget ul li{ float: left; width: 25%; text-align: center;}
.project-tesget-os ul li{width: 33.33%; }
.project-tesget li img{ width: 122px;height: 122px; margin-bottom: 23px; }
.project-tesget ul li h3{ padding-bottom: 10px; font-size: 20px; color: #071131; }
.project-tesget ul li p{height: 48px; font-size: 16px;line-height:26px; color: #A0A2B1; overflow: hidden;}
/*  */
.project-tetrall{padding-top: 60px;}
.project-tetrall h3{padding-bottom:24px; font-size: 20px; text-align: center; color: #071131;}
.project-tetrall ul{ float: left; width: 33.33%;}
.project-tetrall ul li{position: relative; padding-right: 56px;font-size:16px;height: 52px; margin-bottom: 12px; color: #64697F; }
.project-tetrall ul li p{margin-left: 60px; width: 272px;height: 52px;line-height: 26px; word-break: break-all;}
.project-tetrall ul li b{position: absolute;top: 0;left: 0; height: 52px;line-height: 26px;color: #A0A2B1;font-weight: normal;}

/*  */
.project-teabout{padding: 96px 15px 0;}
.project-teabout ul{margin-top: 45px;}
/*  */
.project-teknow {padding: 53px 15px 50px;}
.project-teknow div{padding: 31px 60px; width: 1144px; margin: 0 auto; background:rgba(0,0,0,0.04); text-align: center;border-radius:10px;}
.project-teknow h1{margin-bottom: 28px;font-size:36px;color: #071131;}
.project-teknow p{line-height: 26px; font-size: 16px; color: #64697F;}
/*--- about ---*/
.page-about-video{position: relative;min-width: 1200px; height: 600px; background-color: #CE957A;overflow: hidden;}
.page-about-video>img{position: relative;left: 50%;margin-left:-960px; width: 1920px;}
.page-about-video-text{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.page-about-video-text .container-width{height: 100%; display: flex;align-items: center; justify-content: center; text-align: center;}
.page-about-video-text h1{margin-bottom: 57px; font-size:36px;font-weight:500;color:#fff;line-height:50px;}
.page-about-video-text img{cursor: pointer;}
.window-video{position: fixed;top: 0; left: 0; z-index: 9; width: 100%;min-width: 1200px; height: 100%;background:rgba(0,0,0,0.6); opacity: 0; visibility: hidden ; display: flex; align-items: center; justify-content: center; transition: all .3s;}
.window-video-box{position: relative;}
.window-video-box video{outline: none;}
.window-video-close{position: absolute;top: 0; right: -68px;width:48px;height:48px;border-radius: 50%; cursor: pointer; }
.show-video{visibility:visible;opacity:1}
/*  */
.about-desc{ padding: 0 15px;background:url(../images/about/shadow.png) no-repeat center bottom;}
.about-desc div {width: 944px;  margin: 0 auto; padding: 60px 0 50px;  background-color: #fff;box-shadow:0px 4px 12px -4px rgba(0,0,0,0.06);border-radius: 10px; transform: translateY(-60px);}
.about-desc h1{font-size: 48px; color: #071131;text-align: center;}
.about-desc p{margin-top: 32px; line-height: 32px; font-size: 16px; color: #A0A2B1; padding: 0 80px;}
/*  */
.about-leader{margin-top:94px ;}
.about-leader ul{margin-top: 60px;}
.about-leader ul li{float: left; width: 33.33%; padding:0 28px;}
.about-leader-pic{width: 344px; height: 418px; overflow: hidden;}
.about-leader-pic img{width: 344px; height: 418px;}
.about-leader-content{position: relative; margin-top: 20px;width: 344px; height: 314px; padding: 30px; background-color: #E6F2FF; border-radius: 15px;}
.about-leader-content:before{position: absolute; top: -13px; left: 55px; content: ""; border-bottom: 13px solid #E6F2FF; border-left: 12px solid transparent;border-right: 12px solid transparent;}
.about-leader-content h3{font-size: 20px; color: #071131; }
.about-leader-content h3 span{display: block; margin-top: 10px; font-size: 16px;}
.about-leader-content p{margin-top: 24px; width: 280px; height: 104px; font-size: 16px;line-height:26px; color: #A0A2B1;}
.about-leader ul li:nth-child(2) .about-leader-content{ margin-top: 0; margin-bottom: 20px;background-color:  #FFF2E0;} 
.about-leader ul li:nth-child(2) .about-leader-content:before{top: inherit; bottom: -13px; transform: rotate(180deg); border-bottom-color: #FFF2E0;}
.about-leader ul li:nth-child(3) .about-leader-content{background-color:  #E4F7E4;} 
.about-leader ul li:nth-child(3) .about-leader-content:before{ border-bottom-color: #E4F7E4;}

/*  */
.about-history{margin-top: 140px;}
.about-history ul{padding-top: 60px;}
.about-history ul li .about-history-box{ float: right; padding-top: 56px;}
.about-history-box{position: relative; width: 50%; padding: 0 65px;}
.about-history-box img{position: absolute; top: 80px; right: 97px; z-index: 1; max-width: 60px; }
.about-history-box:before{position: absolute; top:0; left: 0; content: ""; width: 2px; height: 100%; background-color: #F5F5F5; }
.about-history-box:after{position: absolute; top:70px; left: -4px; content: ""; width: 10px; height: 10px; background-color:  #CACACA; border-radius: 50%; }
.about-history-box h1{margin-bottom: 12px; font-size: 30px; color: #071131;}
.about-history-box p{width: 354px; font-size:16px;color:rgb(160,162,177);line-height:26px;}
.about-history ul li:nth-child(odd) .about-history-box{float: none; text-align: right;}
.about-history ul li:nth-child(odd) .about-history-box p{float: right;}
.about-history ul li:nth-child(odd) .about-history-box:before{left: inherit; right: -2px; }
.about-history ul li:nth-child(odd) .about-history-box:after{left: inherit; right: -6px; }
.about-history ul li:nth-child(odd) .about-history-box img{ left: 97px;}
.about-history ul li:first-child .about-history-box{ padding-top: 80px;}
.about-history ul li:last-child .about-history-box{ padding-bottom: 84px;}
.about-history ul li:first-child .about-history-box:after{top:95px; }
.about-history ul li:first-child .about-history-box img{top: 120px; }
.about-history ul li:first-child .about-history-box:before{ background:linear-gradient(to top, #f5f5f5 60%, rgba(245, 245, 245,.1) ) ;}
/*  */
.about-honor{margin-top: 140px;}
.about-honor .swiper-container {padding-top: 40px; padding-bottom: 50px;}
.about-honor .swiper-container .swiper-slide>div{position: relative;display: inline-block;border-radius: 8px;overflow: hidden;}
.about-honor .swiper-container h3{position: absolute; bottom: 0; left: 0; width: 100%; height: 55px; line-height: 55px; text-align: center; color: #fff; background-color: rgba(0,0,0,.5);font-size:14px; transform: translateY(55px);transition: all .3s; }
.about-honor .swiper-pagination-bullet {position: relative;width: 30px;height: 3px;border-radius: 4px !important;margin-right: 10px;background: #ccc;border-radius: 0;opacity: 1;transition: all 3s;outline: none;}
.about-honor .swiper-pagination-bullet:before {position: absolute;top: 0;left: 0;content: "";z-index: 1;width: 100%;height: 3px;background-color: #444;display: none;border-radius: 3px !important;}
.timer-cl:before {animation: liner 5s ease-in-out;display: block !important;}@keyframes liner {from {width: 0;opacity: 0;}to {width: 100%;opacity: 1;}}
.about-honor-scale {position: fixed;top: 0;left: 0;z-index: 9;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .6);display: flex;align-items: center;justify-content: center;text-align: center;visibility: hidden;opacity: 0;transition: all .3s;}
.about-honor-scale>div {position: relative;}

#about-honor-arrleft,
#about-honor-arrright {position: absolute;top: 50%;margin-top: -30px;height: 30px;cursor: pointer;opacity: .5;}
#about-honor-arrleft {left: -50px;}
#about-honor-arrright {right: -50px;}
#about-honor-img {display: inline-block;margin: 0 auto;width: 600px;}
#about-honor-img img{border-radius:8px;}
#about-honor-img h3 {margin-top: 24px;font-size: 16px;color: #fff;}
.show {visibility: visible;opacity: 1;}
#about-honor-arrleft:hover,
#about-honor-arrright:hover {opacity: 1;}
.about-honor .swiper-container .swiper-slide>div:hover h3{ transform: translateY(0);}
/*  */
.about-core{margin-top: 140px;margin-bottom: 10px;overflow: hidden;}
.about-core ul{margin-top: 60px;padding:0 15px;}
.about-core ul li{padding: 60px 78px; margin-bottom: 40px; box-shadow:0px 0px 8px 0px rgba(0,0,0,0.12);border-radius:8px;}
.about-core-content{position: relative; padding-left: 166px; }
.about-core-content img{position: absolute; top: 50%; left: 0;width: 100px; margin-top: -50px; }
.about-core-content h3{margin-bottom: 24px; font-size:20px; color: #071131;}
.about-core-content p{line-height:26px;font-size:16px; color: #A0A2B1;}
/*  */
.about-decl{margin-top: 140px;margin-bottom: 10px;overflow: hidden;}
.about-decl .decl{margin-top: 60px;padding:0 15px;}
.about-decl .decl-area{padding: 32px 42px; margin-bottom: 40px; box-shadow:0px 0px 8px 0px rgba(0,0,0,0.12);border-radius:8px;}
.about-decl .decl-img{margin-bottom: 30px; display: flex;justify-content: space-between;}
.decl-area .decl-img:last-child{margin-bottom: 0;}
.decl-area img{width: 333px; height: 333px; }
/*--- news ---*/
.news {padding: 0 15px 100px;}
.news h1{margin-top: 100px; padding-bottom: 36px; font-size:30px; color: #071131;}
.news dl dt{margin: 24px 0; font-size:20px;line-height:20px;color: #071131;}
.news dl dd{position: relative; padding-left: 100px; padding-bottom: 60px;}
.news dl dd:before{position: absolute;top: 0; left: 22px; content: "";width: 1px; height: 100%; background-color:  #E1E1E1;}
.news dl dd:last-child{ padding-bottom: 60px;}
.news-pic{ float: left;display: block; width: 244px; height: 180px; overflow: hidden;}
.news-pic img{width: 244px; height: 180px;border-radius: 12px;}
.news-content{ float: left; width: 825px; padding-left: 56px;}
.news-content h3{margin-bottom: 24px; font-size:20px; color: #071131;}
.news-content p{margin-bottom: 24px;height:72px; font-size:14px;color:#A0A2B1;line-height:24px;overflow: hidden;}
.news-time,
.news-time a{color: #A0A2B1;}
.news-time a i{font-family: simsun;font-style: normal;}
.news-content h3 a:hover,
.news-time a:hover{color: #FFBA00;}
/*  */
.news-more{margin-top: 36px; padding-left: 20px;}
.news-more button{display: block; width: 100%; line-height:38px;border:1px solid #E1E1E1;font-size:14px;color: #071131; text-align: center;background: no-repeat; cursor: pointer;}
.news-more button:hover{border-color: #FFBA00;color: #FFBA00;}
/*--- join ---*/
.page-join-search{position: absolute; top: 0px; left: 0; width: 100%; height: 100%;padding-top: 268px;}
.page-join-search p{margin: 25px auto 0; width: 900px;font-size: 18px; color: #fff;}
.page-join-search p a{margin-left: 45px; color: #fff;}
.page-join-search p a:hover{color: #FFBA00;}
.page-join-input{position: relative; margin: 0 auto; width: 977px;height: 64px; background-color: #fff;border-radius:32px;overflow: hidden;}
.page-join-input input{width: 100%; height: 64px;line-height: 64px; padding:0 55px; font-size: 18px; color: #071131; }
.page-join-input input::-webkit-input-placeholder {font-family: PingFang SC,Helvetica Neue,Helvetica,SF Pro Text,Arial,sans-serif;font-weight: 400; color: #A0A2B1;}
.page-join-input img{position: absolute; top: 21px; right: 34px; width: 24px; cursor: pointer; transition: .3s;}
.page-join-input img:hover{transform: scale(1.2);}

.join-where,
.join-worker{margin-bottom: 140px;}
.join-position{position: relative;}
.join-position img{position: absolute;}
.join-where-img{margin-top: 60px; height: 458px;}
.join-where-img img:nth-child(1){ top: 0; left: 27.5px;}
.join-where-img img:nth-child(2){ bottom: 0; left:  27.5px;}
.join-where-img img:nth-child(3){ top: 0; left: 271.5px}
.join-where-img img:nth-child(4){ top: 0; right:  27.5px;}
.join-where-img img:nth-child(5){ bottom: 0; right:  27.5px;}
.join-worker-img{margin-top: 60px; height: 462px;}
.join-worker-img img:nth-child(1){ top: 0; left: 27.5px;}
.join-worker-img img:nth-child(2){ top: 0; right:  27.5px;}
.join-worker-img img:nth-child(3){ bottom: 0; right: 27.5px;}

.join-type{padding: 100px 0 140px;}
.join-type .container-width{overflow: hidden;}
.join-type ul {margin-left: -56px; margin-top: 45px;}
.join-type ul li{float: left; width: 33.33%; padding-left: 56px;}
.join-type ul li a{position: relative; display: block; width: 344px; border-radius: 10px; margin: 0 auto;transform: scale(1); overflow: hidden;}
.join-type ul li a img{transition: all .3s; border-radius: 10px;}
.join-type ul li a h3{position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; line-height: 250px; font-size: 36px; color: #fff; }
.join-type ul li a:hover img{transform: scale(1.1);}
/*  */
.join-hot{padding: 60px 0 100px; background-color: #FBFBFB;}
.join-hot dl{width:1144px; margin: 60px auto 0; background-color: #fff; box-shadow:0px 2px 20px 0px rgba(0,0,0,0.04);border-radius:10px;}
.join-hot dt{ padding:0 60px; height: 64px; line-height: 64px; border-bottom: 1px solid #F0F0F0; font-size:20px; color: #071131;font-weight:600;}
.join-hot dd { padding:0 60px;}
.join-hot dd a{display: block; height: 64px; line-height: 64px; border-bottom: 1px solid #F0F0F0; font-size:20px; color: #071131;}
.join-hot dd:last-child a{border-bottom: none;} 
.join-hot dd span{font-size: 14px; color: #A0A2B1;}
.join-hot dd span b{display: inline-block; width: 13px; height: 11px; background-image: url(../images/ico-arr.png); background-repeat: no-repeat; transition: all .3s; }
.join-hot dd:hover a,
.join-hot dd:hover span{color: #FFBA00;}
.join-hot dd:hover span b{background-position: 0 -12px;}

/*  */
.joinres-searchbox{ margin: 96px auto 0; padding: 50px 40px 0; width:1144px;background:rgba(255,255,255,1);box-shadow:0px 2px 20px 0px rgba(0,0,0,0.04);border-radius:10px;}
.joinres-search{height: 46px; border: 1px solid #E1E1E1;border-radius:24px;}
.joinres-search>input{float: left; width: 870px; height: 44px; padding-left: 25px;font-size:16px; color: #071131;}
.joinres-search>input::-webkit-input-placeholder {font-family: PingFang SC,Helvetica Neue,Helvetica,SF Pro Text,Arial,sans-serif;font-weight: 400; color: #A0A2B1;}
/* input:-moz-placeholder {color: red;}
input::-moz-placeholder {color: red;}
input:-ms-input-placeholder {color: red;} */

.joinres-select{position: relative;float: left; padding-right: 10px; width: 150px; margin:0 10px; text-align: center; font-size: 18px;}
.joinres-select img{position: absolute; top: 17px; right: 15px; }
.joinres-select input{width: 100%;text-align: center; font-size:20px; height:44px;line-height:44px;  color: #071131;cursor: pointer;border-radius: 40px  0 0 40px;}
.joinres-select:before{position: absolute;top: 50%; right: 0; content: ''; margin-top: -10px; width: 1px ; height: 20px; background-color:  #E1E1E1;}

.joinres-select ul{position: absolute; top: 45px; left: 0; z-index: 4; width: 100%;background-color: #fff;border-radius:4px;box-shadow:0px 0px 4px 0px rgba(0,0,0,0.1);visibility: hidden; transform: translateY(5px);opacity: 0; transition: all .3s;}
.joinres-select ul li{ padding-left: 30px;line-height: 40px;color: #64697F;cursor: pointer;text-align: left;}
.joinres-select:hover ul{visibility: visible!important;transform: translateY(0)!important;opacity: 1!important;}
.joinres-select ul li:hover{color: #FFBA00;}
.joinres-select ul li.ondata{color: #FFBA00; font-weight: bold;}
.joinres-choose{padding:24px 40px;font-size:18px; color: #071131;}
.joinres-choose a{display: inline-block; margin-left: 15px; padding: 0 15px; line-height: 36px; color: #64697F;}
.joinres-choose a.on{background-color: #FFBA00; color: #fff;border-radius: 36px;}
.joinres-choose a:hover{background-color: #FFBA00; color: #fff;border-radius: 36px;}
.join-job{margin-top: 32px;margin-bottom: 100px; padding:0 28px;}
.join-job h3{padding: 0 40px; height: 76px; line-height: 76px; background-color: #EEEEEE; color: #071131;font-size:18px;font-weight:600;border-radius:10px 10px 0 0;}
.join-job dl{ margin-bottom: 24px;  background-color: #fff; border-radius:0 0 10px 10px;overflow: hidden;}
.join-job h3 span,
.join-job dl span,
.join-job dl a{float: left; display:block; overflow: hidden;}
.join-job dl b{display: block; text-align: center; font-size:16px; color: #A0A2B1; font-weight: normal;}
.job-name{ width: 365px;}
.job-type,
.job-add,
.job-his,
.job-time{width:174px;}
.join-job dl dd{ padding: 0 40px; height: 64px; line-height: 64px; color: #071131;font-size:18px;}
.join-job dl dd:nth-child(even){background-color:#FBFBFB ;}
.join-job dl dd:hover a{color: #FFBA00;}
/*  */
.pagina-view {padding: 0 15px; text-align: center;}
.pagina-code { display: inline-block; text-align: center; vertical-align: middle; font-size: 0; }
.pagina-code span,
.pagina-code a{display: inline-block;width: 40px;height: 40px;line-height: 40px;font-size:16px;margin: 0 6px;border-radius:4px;border:1px solid rgba(225,225,225,1);}
.pagina-code a {border: 1px solid #E1E1E1; color: #071131;transition: .3s;overflow: hidden;}
/* cur */
.pagina-code span.pagina-cur {color: #fff;border: 1px solid #FFBA00;background-color: #FFBA00;overflow: hidden;}
/* prev & next */
.pagina-code .pagina-prev,
.pagina-code .pagina-next{position: relative;display: inline-block; width: 64px; height: 40px;line-height: 40px;border: 1px solid #E1E1E1;font-size: 16px;margin: 0 6px;transition: .3s;border-radius:4px;cursor: pointer;overflow: hidden;}
.pagina-prev {margin-right: 10px;}
.pagina-next {margin-left: 10px;}
.pagina-code .pagina-prev:hover,
.pagina-code .pagina-next:hover{border: 1px solid #FFBA00;color: #FFBA00;}
/* go */
.pagina-go {margin-left: 54px; display: inline-block;vertical-align: middle;font-size: 16px;text-align: center;color: #071131;}
.pagina-go b{font-weight: normal;}
.pagina-go input {width: 40px; height: 40px;line-height: 40px;border: 1px solid #E1E1E1;margin: 0 5px;text-align: center;font-size: 14px;border-radius:4px;font-size: 16px;color: #071131;vertical-align: middle;}
.pagina-go button {vertical-align: middle;width: 64px;height: 40px;line-height: 40px;border: 1px solid #E1E1E1;margin: 0 5px;font-size: 16px;color: #071131;background: none; border-radius:4px; cursor: pointer;}
.pagina-code a:hover {background-color: #FFBA00;border-color: #FFBA00;color: #fff;}
/*  */
.join-show{margin-top: 96px; margin-bottom: 100px;}
.join-show-head{position: relative;margin-bottom: 6px; padding: 50px 50px 40px 50px; background-color: #fff; border-radius:10px 10px 0 0;}
.join-show-head h1{font-size: 36px; color: #071131; }
.join-show-info{margin-top: 24px;}
.join-show-info span{display: inline-block;margin-right: 56px; line-height: 35px; font-size: 16px; color: #071131; }
.join-show-info span img{ width: 19px; margin-top: 7px; vertical-align: top;}
.join-show-back{position: absolute; top: 50%; right: 50px; margin-top: -18px; display: block; width:120px;height:32px; line-height: 30px; border-radius:18px;border:1px solid rgba(225,225,225,1); color: #64697F;font-size:14px;text-align: center;}
.join-show-back:hover{color: #FFBA00; border-color: #FFBA00;}
.join-show-content{padding: 60px 50px; background-color: #fff; border-radius:0 0 10px 10px;}
.join-show-content h1{border-left: 4px solid #FFBA00; padding-left: 8px; margin-bottom: 24px; font-size:20px; color:#071131; line-height:20px;}
.join-show-content p{font-size:16px;line-height:26px; color: #64697F;}
.join-show-email{color: #64697F;}
.join-show-email button{margin-left: 50px; width:92px;height:32px; line-height: 30px; border-radius:16px;border:1px solid #FFBA00; color: #FFBA00;background: none; cursor: pointer;}